document.addEventListener("DOMContentLoaded", () => {
  const signUpButton = document.getElementById("signUp");
  const signInButton = document.getElementById("signIn");
  const container = document.querySelector(".container");

  signUpButton.addEventListener("click", () => {
    container.classList.add("right-panel-active");
  });

  signInButton.addEventListener("click", () => {
    container.classList.remove("right-panel-active");
  });

  document.getElementById("registerForm").addEventListener("submit", (e) => {
    e.preventDefault();
    alert("Registration successful!");
    // Handle registration logic here
  });

  document.getElementById("loginForm").addEventListener("submit", (e) => {
    e.preventDefault();
    alert("Login successful!");
    // Handle login logic here
  });
});
